@import '@/common/css/variables.less';
/* banner */
.banner{
	width: 750rpx;height: 464rpx;margin: 0 auto;overflow: hidden;
	.banner-swipe{width: 750rpx;height: 464rpx;}
}

/* book */
.book-tab{
	padding: 12rpx 30rpx 48rpx; overflow: hidden;position: relative; margin-top: -44rpx; letter-spacing: 2rpx;text-indent: 2rpx;z-index: 14;
	.book-tab-bar{
		height: 72rpx;
		.item{line-height: 72rpx;font-size: 30rpx;color: #1e1e1e;margin: 0 85rpx; position: relative;letter-spacing: 2rpx;text-indent: 2rpx;}
		.active{font-weight: bold;}
		.active::after{display: block;content: " ";width: 100%;height: 5rpx;background-color: @theme-color;border-radius: 4rpx;position: absolute;bottom: 0; left: 50%;transform: translateX(-50%);}
	}
	.book-tab-con{
		.icon{width: 30rpx;height: 30rpx;}
		.part{border-bottom: 2rpx solid #e6e6e6;}
		.part1{
			padding: 48rpx 0 36rpx 0;
			.tag{ min-width: 62rpx;line-height: 35rpx;text-align: center;padding: 0 12rpx;margin-right: 26rpx; font-size: 24rpx;color: @theme-color; border: 2rpx solid @theme-color;border-radius: 0 20rpx 20rpx 20rpx;}
			.date-box{width: calc(100% - 30rpx);padding-left: 28rpx;}
			.box{
				width: 220rpx;
				.date{padding-top: 10rpx;align-items: baseline;}
				.week{padding-left: 12rpx;}
			}
		}
		.part2{
			padding: 48rpx 0 28rpx 0;line-height: 40rpx;
			.search{
				width: 490rpx;flex: 1;padding: 0 40rpx 0 28rpx;
				.text{
					width: 380rpx;
					&.grey{color: #c8c8c8;}
				}
			}
		}
	}
	.book-btn{width: 600rpx;height: 76rpx;border-radius: 38rpx;background-color: @theme-color;margin: 50rpx auto 0;}
}

.entry{
	.entry-x{
		width:100%;white-space: nowrap;
		.item{
			display: inline-block;width: 25%;height: 150rpx;padding-top: 35rpx;
			.image{display: inline-block;width: 40rpx;height: 40rpx;}
			.text{padding-top: 6rpx;}
		}
	}
}

.activity{
	width: 690rpx;margin: 0 auto;
	.activity-x{
		width:100%;white-space: nowrap;
		.item{display: inline-block;width: 336rpx;height: 220rpx;margin-right: 18rpx; border-radius: 10rpx;}
		.item:last-child{margin-right: 0;}
	}
}

.box-title{
	padding: 20rpx 20rpx 8rpx 20rpx;
	.icon{width: 45rpx;height: 45rpx;margin-right: 14rpx;}
	.uni-icons{margin-left: 8rpx;}
}

.brand{
	padding: 0 30rpx;
	.brand-title{padding: 38rpx 0 24rpx 0;line-height: 30rpx;}
	.brand-x{
		width:100%; white-space: nowrap;background-color: #f5f5f5;border-radius: 10rpx;
		.item{
			display: inline-block;width: 25%;height: 170rpx;padding-top: 33rpx;
			.image{display: inline-block;width: 70rpx;height: 70rpx;background-color: #646377;border-radius: 50%;}
			.text{padding-top: 8rpx;line-height: 24rpx;}
		}
	}
}

.banners1-box{
	width: 550rpx;height: 700rpx;border-radius: 20rpx;overflow: hidden;
	.banner1-swipe{width: 550rpx;height: 700rpx;}
}
.banners1-close{display: block; width: 50rpx;height: 50rpx;margin: 20rpx auto 0;}

.home-full{
	position: fixed;top: 0;bottom: 0; left: 0;right: 0; z-index: 200;
	.btn{
		position: absolute;right: 50rpx;bottom: calc(50rpx + constant(safe-area-inset-bottom));bottom: calc(50rpx + env(safe-area-inset-bottom));
		text-decoration: underline;font-size: 28rpx;color: #323232;
	}
}